﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
		<title>山东柏瑞设计官网</title>
		<link rel="icon" href="assets/img/img/favicon.ico">
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
		<link rel="stylesheet" type="text/css" href="assets/swiper/swiper-bundle.min.css">
		<link href="assets/css/css/animate.css" rel="stylesheet">

	</head>
	<body>
		<div class="caseDetail">
			<!-- 头部 -->
			<div id="head">
				<div class="fixedHead">
					<!DOCTYPE html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
    <title></title>
    <link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
    <link rel="stylesheet" type="text/css" href="assets/css/css/animate.css">

</head>

<div class="commit_center flex headTop">
    <a href="index/index.html"><img src="uploads/20210429/9c03d90e9d21c110beac5f6ef56696e3.png" class="logo"></a>
    <div class="flex right">
        <div class="">
            <img src="uploads/20211223/c7cd46b1adbf967986c31dd054f49d24.png">
        </div>
        <p>咨询我们：18317093686</p>
    </div>
    <img src="assets/img/img/moreNav.png" class="moreNav">
	<img src="assets/img/img/moreCancel.png" class="moreCancel">
</div>

<div class="daohang">
    <!-- pc -->
    <ul class="commit_center flex nav navAll">
                    <li><a href="index.html" class="">首页</a></li>
                    <li><a href="websit.html" class="">网站开发</a></li>
                    <li><a href="app.html" class="">APP开发</a></li>
                    <li><a href="applet.html" class="">小程序开发</a></li>
                    <li><a href="case.html" class="">案例</a></li>
                    <li><a href="about.html" class="">关于我们</a></li>
            </ul>
    <!-- phone -->
    <ul class="navAll navHide">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="websit.html">网站开发</a></li>
                    <li><a href="app.html">APP开发</a></li>
                    <li><a href="applet.html">小程序开发</a></li>
                    <li><a href="case.html">案例</a></li>
                    <li><a href="about.html">关于我们</a></li>
            </ul>
</div>
<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>

				</div>
				<img src="assets/img/bann.png" class="banner bans">
			</div>
			<!-- 内容 -->
			<div class="commit_center caseDetail allCont">
				<!-- 小导航 -->
				<div class="smallNav">
					<a href="index/index.html">首页</a> >
					<a href="case-1.html">案例</a> >
					<a>详情</a>
				</div>
				<!-- 中国风背景设计图 -->
				<div class="chinese">
										<div class="center">
						<p class="title">柏瑞画册网站</p>
						<img src="uploads/20211226/a057ca7cf1a6f66751119d9c2b5ef4e2.png" class="wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
						<div class="content wow fadeInUp" data-wow-duration="2s" data-wow-delay="100ms">
							<p>柏瑞画册网站：详情：本网站以画册，书本形式上传展示照片、文案、画册分类、时间日期等、
柏瑞画册网站：详情：本网站以画册，书本形式上传展示照片、文案、画册分类、时间日期等、</p>
						</div>
					</div>
									</div>

				<!-- 热门相似作品 -->
				<div class="same">
					<p class="tit">热门相似作品:</p>
					<!-- Swiper -->
					<div class="swiper mySwiper">
						<div class="swiper-wrapper">
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail.html?id=1">
									<img src="uploads/20211228/f4baecf1e8f6fae1153094007e3e3dea.png">
									<p>
										<span>案列</span>
										掌金优选									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-1.html?id=2">
									<img src="uploads/20211228/44e2bb697f504f894801fd1df14d1eee.png">
									<p>
										<span>案列</span>
										果蔬网站									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-2.html?id=3">
									<img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
									<p>
										<span>案列</span>
										儿童教育									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-3.html?id=4">
									<img src="uploads/20211228/cd278819133cf8b0621b5588d9e27c61.png">
									<p>
										<span>案列</span>
										中国风背景设计图									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-4.html?id=5">
									<img src="uploads/20211228/e5e3b617ac52345ada2519cb40fd4dd4.png">
									<p>
										<span>案列</span>
										中国风背景设计图									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-5.html?id=6">
									<img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
									<p>
										<span>案列</span>
										APP登录页面									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-15.html?id=32">
									<img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
									<p>
										<span>案列</span>
										中国风背景设计图									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-16.html?id=34">
									<img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
									<p>
										<span>案列</span>
										中国风背景设计图									</p>
								</a>
							</div>
														<div class="swiper-slide xk wow fadeInUp" data-wow-duration="2s" data-wow-delay="300ms">
								<a href="casedetail-17.html?id=35">
									<img src="uploads/20211228/72ade5739177d36fb1c8e8019f2881ee.png">
									<p>
										<span>案列</span>
										中国风背景设计图									</p>
								</a>
							</div>
													</div>
					</div>
				</div>
			</div>
			<!-- 脚部 -->
			<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
		<link rel="stylesheet" type="text/css" href="assets/css/css/index.css">
</head>
<body>
<div id="footer">
	<div class="footTop">
		<div class="commit_center flex">
						<div class="left">
				<p>山东柏瑞设计有限公司</p>
				<p>联系电话：18317093686</p>
				<p>地址：济南创新谷2号楼孵化器五楼（长清区海棠路与芙蓉路交叉路口东南）</p>
			</div>
			<div class="right">
				<img src="uploads/20211230/b27fc18df90b3a0cc5ff008002b4d6d8.png">
				<p>微信公众号</p>
			</div>
		</div>
	</div>
	<p class="copyright">Shandong Bairui Design Co., Ltd 山东柏瑞设计有限公司版权所有 鲁ICP备2021028094号-1</p>
	    </div>
</body>
</html>







		</div>
		<!-- script -->
		<script src="assets/js/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/js/js/common.js" type="text/javascript" charset="utf-8"></script>
		<script src="assets/swiper/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
		<!-- wow弹动 -->
		<script src="assets/js/js/wow.min.js"></script>
		<!-- Initialize Swiper -->
		<script>
			var swiper = new Swiper(".mySwiper", {
				loop : true,
				speed : 2000,
				autoplay : true,
				autoplay : {
						delay : 2000,
						disableOnInteraction : false
				},
				slidesPerView: 4,
				spaceBetween: 30,
				freeMode: true,
				pagination: {
					el: ".swiper-pagination",
					clickable: true,
				},
			});
		</script>
	</body>
</html>
